<template>
	
	<div style="width: 1200px;margin: 0 auto;height: 20px;background-color: indianred;">
		<el-row>
			<el-col :span="18">
				zuoce
				<el-row>
					<el-col :span="6">
						<el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen"
							@close="handleClose">
							<el-submenu index="1">
								<template slot="title">
									<i class="el-icon-location"></i>
									<span>后台数据管理</span>
								</template>
								<el-menu-item-group>
									<el-menu-item index="1-1">选项1</el-menu-item>
									<el-menu-item index="1-2">选项2</el-menu-item>
									<el-menu-item index="1-3">选项3</el-menu-item>
									<el-menu-item index="1-3">选项4</el-menu-item>
								</el-menu-item-group>
	
							</el-submenu>
							<el-menu-item index="2" class="custom-active-item">
								<i class="el-icon-menu"></i>
								<span slot="title">课程中心</span>
							</el-menu-item>
							<el-menu-item index="3" disabled>
								<i class="el-icon-document"></i>
								<span slot="title">系统面板</span>
							</el-menu-item>
							<el-menu-item index="4">
								<i class="el-icon-setting"></i>
								<span slot="title">设置</span>
							</el-menu-item>
						</el-menu>
					</el-col>
					<el-col :span="18">
						<el-carousel>
							<el-carousel-item v-for="item in 4" :key="item">
								<img src="../assets/javaee01.jpg" style="height: 90%; width: 100%;">
							</el-carousel-item>
						</el-carousel>
					</el-col>
				</el-row>
	
				<!-- 课程列表 -->
				<div id="courseList">
					<h4>课程列表</h4>
					<div>
						<el-row>
							<el-col :span="6" v-for="(o, index) in 8" :key="o">
								<el-card :body-style="{ padding: '0px' }">
									<img style="width: 120px;height: 120px;"
										src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png"
										class="image">
									<div style="padding: 14px;">
										<span>好吃的汉堡</span>
										<div class="bottom clearfix">
											<time class="time">{{ currentDate }}</time>
											<el-button type="text" class="button">操作按钮</el-button>
										</div>
										<el-rate v-model="value" disabled show-score text-color="#ff9900"
											score-template="{value}">
										</el-rate>
	
									</div>
								</el-card>
							</el-col>
						</el-row>
					</div>
				</div>
	
			</el-col>
			<el-col :span="6">
				youce
			</el-col>
		</el-row>
	</div>
</template>

<script>
</script>

<style>
</style>